<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<html>
<head>
    <title>用户页面</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="static/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css">

    <!--jquery的框架：一定要先导入，因为bootstrap的框架需要使用jquery-->
    <script src="static/plugins/jquery-1.12.4/jquery-1.12.4.min.js" type="text/javascript"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="static/plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>

</head>
<body>
<div class=" bs-example" data-example-id="hoverable-table">
    <table class="table table-hover">
        <thead>
        <tr>
            <th>序号</th>
            <th>头像</th>
            <th>用户姓名</th>
            <th>地址</th>
            <th>电话</th>
            <th>注册日期</th>
            <th>信息修改</th>
            <th>信息删除</th>
        </tr>
        </thead>
        <tbody>
<%--        <c:forEach items="${sessionScope.queryAll}" var="eachUser" varStatus="st">--%>
        <c:forEach items="${queryAll}" var="eachUser" varStatus="st">
            <tr>
                <td>${st.index+1}</td>
                <td>
                    <div>
                    <img class="img-circle" src="${eachUser.userimg}" style="width: 64px; height: 64px;">
                    </div>
                </td>
                <td>${eachUser.username}</td>
                <td>${eachUser.useraddress}</td>
                <td>${eachUser.usertel}</td>
                <td><fmt:formatDate value="${eachUser.userregdate}" pattern="yyyy-MM-dd hh:mm:ss"></fmt:formatDate> </td>
                <td><a role="button" class="btn btn-default"
                       href="Jump?id=${eachUser.userid}">修改</a></td>
                <td><a role="button" class="btn btn-default"
                       href="Jump?id=${eachUser.userid}" onclick="return confirm('请确认是否删除记录？')">删除</a></td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
</div>
</body>
</html>
